<style>
    a{
        cursor: pointer;
    }
    table tr > th, table tr > td {
        text-align: center;
        vertical-align: middle !important;
    }
</style>
{% if mScoreInfo is defined %}
<table class="table table-hover" >
    <tbody>
    <tr class="info">
        <th>名称</th>
        <th>成绩</th>
    </tr>
        {% for name,grade in mScoreInfo %}
            <tr >
                <td>{{ name }}</td>
                <td>{{ grade }}</td>
            </tr>
        {% endfor %}
    </tbody>
</table>
{% endif %}
{% if tabs is defined %}
    <div class="smart-widget widget-dark" style="height: 100%;width: 100%;margin-bottom: 0px;border-top: 1px solid #e6e6e6;overflow-y: hidden">
        <div class="smart-widget-inner" style="height: 100%;width: 100%; background-color:#f5f5f5" >
            <div  class="widget-tab clearfix">
                <ul class="tab-bar" >
                    {% for i,title in tabs %}
                        <li {% if loop.first %}class="active" {% endif %}><a title="{{ title }}" href="#style3Tab{{ i }}" data-toggle="tab">{{ title }}</a></li>
                    {% endfor %}
                </ul>
            </div>
            <div class="smart-widget-body" style="height: 92%;width: 100%;padding: 0px;">
                <div class="tab-content" style="height: 100%;width: 100%;">
                    {% for i,info in infos %}
                        <div {% if loop.first %} class="tab-pane fade in active"  {% else %} class="tab-pane fade " {% endif %}  id="style3Tab{{ i }}" style="height: 100%;width: 100%;">
                            <table class="table table-hover" >
                                <tbody>
                                <tr class="info">
                                    <th>名称</th>
                                    <th>成绩</th>
                                </tr>
                                {% for name,grade in info %}
                                    <tr >
                                        <td>{{ name }}</td>
                                        <td>{{ grade }}</td>
                                    </tr>
                                {% endfor %}
                                </tbody>
                            </table>
                        </div>
                    {% endfor %}
                </div><!-- ./tab-content -->
            </div>
        </div>
    </div>
{% endif %}